<?php 

/*	Author: Gustavo Palacios
	Author: Fernando Rodas

	Project: EPS, Ciencias y Sistemas, USAC. 2014-2015	
	*/
	
		?>
<!DOCTYPE html>
<html>
    <?php
	require_once("clases/funciones.php");
	$plantilla = new Funciones;
	echo $plantilla->headerAdmin("Categorias CEMA","Gestionamiento de categorias","Administrador Sitio","Categorias"); 
	?>
	
	<head>
	
	  <!-- jQuery 2.0.2 -->
        <script src="js/jquery.min.js"></script>
	
<script>
var idCate = 0;
$(document).ready(function() {

$('#formAgregar').submit(function (event) {
	event.preventDefault();
	var fd = new FormData(this);
					fd.append("tipo", "24");
					$.ajax({
					url: "clases/Intermedio.php",
					type: "POST",
					data:  fd,
					contentType: false,
					cache: false,
					processData:false,
					success: function(data){
					$("#test").html(data);
					$("#myModal").modal('hide');
					$('#nombre').val("");
					cargarCategoria();	
					},
					error: function(){} 	        
					});	
	});
	
	
	$('#formModificar').submit(function(event) {
			event.preventDefault();
			var fd = new FormData(this);
					fd.append("idCate", idCate);
					fd.append("tipo", "27");
					$.ajax({
					url: "clases/Intermedio.php",
					type: "POST",
					data:  fd,
					contentType: false,
					cache: false,
					processData:false,
					success: function(data){
					$("#test").html(data);
					$('#modifCate').modal('hide');
					cargarCategoria();		
					},
					error: function(){} 	        
					});	
});


});

window.onload = cargarCategoria();

function cargarCategoria() {
	$("#datos").html('<p align="center"><img src="img/cargando.GIF"/></p>');
	var fd = new FormData();
fd.append("tipo", "25");
	$.ajax({
url: "clases/Intermedio.php",
type: "POST",
data:  fd,
contentType: false,
cache: false,
processData:false,
success: function(data){
$("#datos").html(data);

},
error: function(){} 	        
});

}

function eliminarCategoria() {

	var fd = new FormData();
					fd.append("idCate", idCate);
					fd.append("tipo", "26");
					$.ajax({
					url: "clases/Intermedio.php",
					type: "POST",
					data:  fd,
					contentType: false,
					cache: false,
					processData:false,
					beforeSend: function () {
					$('#borrarProducto').modal('hide');
					$("#datos").html('<p align="center"><img src="img/cargando.GIF"/></p>');
					},
					success: function(data){
					$("#test").html(data);
					$('#borrarCategoria').modal('hide');
					$("#categoria-producto").html("");
					$("#test2").html("");
					cargarCategoria();
					},
					error: function(){} 	        
					});	

}

function cargarCategorizacion(iden_categoria) {

	$("#categoria-producto").html('<p align="center"><img src="img/cargando.GIF"/></p>');
	idCate=iden_categoria;
	var fd = new FormData();
	fd.append("idCategoria",iden_categoria);
	fd.append("tipo","34")
	$.ajax({
					url: "clases/Intermedio.php",
					type: "POST",
					data:  fd,
					contentType: false,
					cache: false,
					processData:false,
					success: function(data){
					$("#categoria-producto").html(data);
					},
					error: function(){} 	        
					});	
}


</script>
</head>
	
<!-- Main content -->
                <section class="content">
					<div id="test">
					
					</div>
					
					
					<!--Comienzo de la tabal -->
					<div class="row">
                        <div class="col-xs-12">
						
						<div class="box">
                                <div class="box-header">
                                    <h3 class="box-title">Categorización</h3>                                    
                                </div><!-- /.box-header -->
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModal">Crear categoria</button>
								<br><br><br>
								
                             
                                <div class="box-body table-responsive">
									
									<div id="datos">
                                        
											
										
                                    </div>
									
									<div id="categoria-producto" class="row">
									<br><br>
										
										
									</div>
									
									<div id="test2">
					
									</div>
                                </div><!-- /.box-body -->
                            </div><!-- /.box -->
				 
						</div>
                    </div>
					<!--Fin tabla -->
				

                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->
		


<!-- -----   Modal ------------->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Nueva Categoria</h4>
      </div>
      <div class="modal-body">
        
			<!------------------ FORMULARIO DE CATEGORIA ------------->
		
			<form id="formAgregar" method="post">
				<div class="form-group">
                    <div class="form-group">
						<b>Nombre</b>
						<input type="text" maxlength="30" class="form-control" id="nombre" name="nombre">
					</div>
					
				</div>	
			<!----------------------- FORMULARIO DE CATEGORIA --------------------->	
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="submit" class="btn btn-primary" name="agregarCategoria">Guardar</button>
      </div>
		</form>
    </div>
  </div>
</div>
		
		
<!------------------------------------ MODAL PARA ELIMINAR CATEGORIA  ----------------------------------------->
					<div class="modal fade" id="borrarCategoria" tabindex="-1" role="dialog" aria-labelledby="borrarCategoriaLabel" aria-hidden="true">
						<div class="modal-dialog">
						<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Cerrar</span></button>
					<h4 class="modal-title" id="myModalLabel">Eliminar</h4>
				</div>
				<div class="modal-body">
				
				<h3><i class="fa fa-warning text-yellow"></i> Esta Seguro de Eliminar la Categoria? </h3>
				
				</div>
				
				<div class="modal-footer">
					<button class="btn btn-primary" onclick="eliminarCategoria()">Aceptar</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
				</div>
				</div>
				</div>
			</div>'

<!------------------------------------FINAL MODAL PARA ELIMINAR CATEGORIA  ----------------------------------------->
		
<!------------------------------------INICIO MODAL PARA MODIFICAR CATEGORIA ----------------------------------------->

<div class="modal fade" id="modifCate" tabindex="-1" role="dialog" aria-labelledby="modifCateLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Modificat Categoria</h4>
      </div>
      <div class="modal-body">
        
			<!------------------ FORMULARIO DE CATEGORIA ------------->
		
			<form id="formModificar" method="post">
				<div class="form-group">
                    <div class="form-group">
						<b>Nombre</b>
						<input type="text" maxlength="30" class="form-control" id="nombreModif" name="nombreModif" value="">
					</div>
					
				</div>	
			<!----------------------- FORMULARIO DE CATEGORIA --------------------->	
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="submit" class="btn btn-primary" name="modifSave">Guardar</button>
      </div>
		</form>
    </div>
  </div>
</div>


<!--------------------------------------FINAL MODAL PARA MODIFICAR CATEGORIA ----------------------------------------->		
		
		

 <!-- jQuery 2.0.2 -->
        <script src="js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="js/plugins/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="js/plugins/AdminLTE/app.js" type="text/javascript"></script>
  <!-- DATA TABES SCRIPT -->
        <script src="js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
        <script src="js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>		
		<script type="text/javascript">
            $(function() {
                $("#tabla_categoria").dataTable();
               
            });
			
			function enviarCategoria(categoria){
			window.idCate = categoria;
			}
			
			function modifCategoria(idCatego,descri) {
				document.getElementById('nombreModif').value = descri;
				window.idCate = idCatego;
			}
			
			function eliminar_categorizacion() {
					var valor = document.getElementById('cateSele').value;
					//alert("el valor es " + valor);
					var fd = new FormData();
					fd.append("id",valor);
					fd.append("tipo","35")
					$.ajax({
						url: "clases/Intermedio.php",
						type: "POST",
						data:  fd,
						contentType: false,
						cache: false,
						processData:false,
						success: function(data){
						$("#test2").html(data);
						cargarCategorizacion(window.idCate);},
						error: function(){} 	        
					});	
			}
			
			function agregar_categorizacion() {
				var val = document.getElementById('cataAgrega').value;
				//alert("el valor del producto es "+ val);
				var fd = new FormData();
					fd.append("idProducto",val);
					fd.append("tipo","36")
					fd.append("idCategoria",window.idCate);
					$.ajax({
						url: "clases/Intermedio.php",
						type: "POST",
						data:  fd,
						contentType: false,
						cache: false,
						processData:false,
						success: function(data){
						$("#test2").html(data);
						cargarCategorizacion(window.idCate);},
						error: function(){} 	        
					});	
			
			}
			
			</script>
		
</body>
	<?php
	echo $plantilla->footerAdmin();
	?>
</html>